/*
Theme Name: VietMoz WP
Theme URI: http://thietkeweb.vietmoz.com/
Author: VietMoz
Author URI: http://thietkeweb.vietmoz.com/
Description: The bare bone theme for future projects of VietMoz
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
*/
/* =reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* global box-sizing */
*,
*:after,
*:before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
  content: '';
  display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
  clear: both;
}

html {
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: white;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

article ul, article ol {
  list-style: disc;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

a {
  color: #003399;
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
  outline: 0;
}
a:focus {
  outline: thin dotted;
}
a img {
  border: 0;
}

/* Images */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

p {
  text-align: justify;
}

button, input[type="submit"], input[type="search"] {
  outline: 0;
}

/* =Layout */
#site-container {
  width: 100%;
  margin: 0 auto;
}

.wrap {
  width: 980px;
  margin: 0 auto;
}

/* =Header */
header .header-sidebar {
  text-align: right;
}

/* =Top nav */
/* =Logo */
/* =Menu */
.main-nav {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-nav li {
  float: left;
  position: relative;
}

.main-nav a {
  display: block;
  text-decoration: none;
}

.main-nav ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  position: absolute;
  left: 0;
  z-index: 99999;
}

.main-nav ul ul ul {
  left: 100%;
  top: 0;
}

.main-nav ul ul a {
  width: 200px;
}

.main-nav ul li:hover > ul {
  display: block;
}

/* =Main */
/* =Sidebar */
/* =Footer */
/* =Footer 1st row */
/* =Footer col */
/* =Footer 1st col */
/* =Footer 2nd col */
/* =Footer 3rd col */
/* =Footer 4th col */
/* =Footer 3rd row */
/* =Widgets */
/* =Home */
/* =Category */
/* =Single */
/* =Page */
